<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style lang="scss" >
  .el-dialog__header{
     border-bottom: 1px solid #aaaaaa;
  }

  .el-dialog__body {
      padding: 0px 0px;
  }

  .el-dialog__footer {
      padding: 10px;
      padding-top: 10px;
      border-top: 1px solid #aaaaaa;
  }


 .el-drawer__header {
      padding: 10px;
      padding-bottom: 6px;
      border-bottom: 1px solid  #aaaaaa;
      font-weight: bold;
      font-size: 1rem;
      margin-bottom: 0.625rem;
      color: #333333;
  }

  .el-drawer__body {
    border-bottom: 1px solid  #aaaaaa;
  }

  .form-drawer__content
  {
    display:flex;
    flex-direction:column;
    height:100%;
  }

  .form-drawer__footer
  {
    border-top: 1px solid  #aaaaaa;
    display:flex;
    text-align: right;
    padding: 10px;

  }

  .form-drawer__content form,.form-drawer__footer button
  {
    flex:1;
    padding: 10px;
  }

  /**
   * 按钮样式
   */
  .custom-button {
      color: #FFFFFF;
      background-color: #169bd5;
      border-color: #169bd5;
      height: 2.5rem;
  }

  .custom-button:hover {
      background-color: #117caa;
      border-color: #117caa;
  }


</style>
